body{
    margin:0;
    font-family:"黑体",sans-serif;
    background:linear-gradient(#D0E7FF,#E6F2FF);
    color:#333;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:60px 20px;
}
h1{font-size:48px;margin-bottom:40px;color:#0057B8}
.nav-table{border-collapse:collapse;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:12px;overflow:hidden}
.nav-table td{width:180px;height:100px;text-align:center;background:#A8D1FF;transition:.3s}
.nav-table td:hover{background:#8BC8FF}
.nav-table a{display:block;line-height:100px;font-size:20px;color:#fff;text-decoration:none}
.box{max-width:800px;background:#fff;padding:30px 40px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:30px;line-height:1.8}
.poem{margin-top:20px;font-style:italic;color:#0057B8;border-left:4px solid #A8D1FF;padding-left:15px}
.pics{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0}
.pics img{width:320px;height:200px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.book-table{width:100%;border-collapse:collapse;margin-top:10px}
.book-table th,.book-table td{padding:10px 15px;border:1px solid #A8D1FF;text-align:left}
.book-table th{background:#D0E7FF}
.back{display:inline-block;margin-top:20px;padding:10px 20px;background:#0057B8;color:#fff;border-radius:6px;text-decoration:none;transition:.3s}
.back:hover{background:#003d82}